@import './variables.scss';
@import './vant-reset.scss';
body,
html {
	line-height: 1.2;
	//   font-family: 'PingFangSC-Regular', 'Microsoft Yahei', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback'
	//   font-family: auto
	-webkit-tap-highlight-color: transparent;
	height: 100%;
	overflow: hidden !important;
}
html {
	background-color: $mainColor;
}
#app {
	overflow-y: hidden;
	height: 100% !important;
	font-size: $text-size;
	color: $text-gray2;
	background-color: #f2f2f2;
}
// 处理ios小黑条
@supports (bottom: env(safe-area-inset-bottom)) {
	html {
		// padding-bottom: env(safe-area-inset-bottom, 30px);
		// padding-bottom: constant(safe-area-inset-bottom, 30px);
		padding-top: env(safe-area-inset-top, 30px);
		padding-top: constant(safe-area-inset-top, 30px);
	}
	.screen_popup_box {
		// padding-bottom: env(safe-area-inset-bottom, 30px);
		// padding-bottom: constant(safe-area-inset-bottom, 30px);
		padding-top: env(safe-area-inset-top, 40px);
		padding-top: constant(safe-area-inset-top, 40px);
	}
}

* {
	box-sizing: border-box;
}
.text_two {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text_one {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.page-detail {
	overflow: auto;
	&::-webkit-scrollbar {
		display: none;
	}
	padding-bottom: 20px;
	h4 {
		margin: 26px 24px 10px 23px;
		font-size: 20px;
		line-height: 30px;
	}
	.subhead {
		display: flex;
		align-items: center;
		height: 30px;
		margin: 0px 26px;
		color: #999;
		span {
			line-height: 28px;
			font-size: 14px;
			margin-right: 16px;
		}
	}

	.van-divider {
		margin: 16px 24px;
		border-color: #e7e7e7;
	}
	.content {
		padding: 0 18px;
		font-size: 16px;
		line-height: 30px;
		// text-indent: 0.8rem;
	}
	.page-info {
		padding: 15px 15px 15px 24px;
		font-size: 16px;
		.info {
			margin-bottom: 15px;
		}
		.van-tag {
			font-size: 16px;
			padding: 4px;
		}
		img {
			max-width: 300px;
		}
		a {
			color: $mainColor;
			font-size: 14px;
			line-height: 22px;
		}
		ol {
			list-style: decimal;
			counter-reset: sectioncouner;
			color: $mainColor;
			li {
				margin-left: 15px;
				font-size: 14px;
				line-height: 22px;
			}
		}
	}
}

.flie-list {
	list-style: decimal;
	counter-reset: sectioncouner;
	color: $mainColor;
	li {
		margin-left: 10px;
		font-size: 14px;
	}
}
.header-right {
	width: 110px;
	justify-content: center;
	display: flex;
	align-items: center;
	color: #fff900;
	padding: 1px 6px;
	border: 1px dashed rgb(255, 255, 255, 0.36);
	font-size: 14px;
	border-radius: 4px;
	img {
		margin-right: 2px;
		height: 13px;
	}
}
